$(function () {

    var currentPage = 1
    var pageSize = 3

    function render() {

        $.ajax({
            type: 'get',
            url: '/category/queryTopCategoryPaging',
            data: {
                page: currentPage,
                pageSize: pageSize,
            },
            dataType: 'json',
            success: function (res) {
                console.log(res);
                $('tbody').html(template('temp', res))
                setPage(res.total) //调用
            }
        })
    }
    render()

    function setPage(total) {
        $("#paginator").bootstrapPaginator({
            bootstrapMajorVersion: 3,//默认是2，如果是bootstrap3版本，这个参数必填
            currentPage: currentPage,//当前页
            totalPages: Math.ceil(total / pageSize),//总页数
            size: "small",//设置控件的大小，mini, small, normal,large
            onPageClicked: function (event, originalEvent, type, page) {
                //为按钮绑定点击事件 page:当前点击的按钮值

                console.log(page);
                currentPage = page;
                render();

            }
        });
    }
    ///验证
    $('#addform').bootstrapValidator({
        //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
        excluded: [':disabled', ':hidden', ':not(:visible)'],

        //2. 指定校验时的图标显示，默认是bootstrap风格
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },

        //3. 指定校验字段
        fields: {
            //校验用户名，对应name表单的name属性
            categoryName: {
                validators: {
                    //不能为空
                    notEmpty: {
                        message: '请输入内容'
                    },
                }
            },

        }
    });
    //添加一级分类
    $('#addform').on('success.form.bv', function (e) {
        e.preventDefault()
        console.log(123);
        
        $.ajax({
            type: 'post',
            url: '/category/addTopCategory',
            data: $('#addform').serialize(),
            dataType: 'json',
            success: function (res) {
                console.log(res);
                //重新渲染页面
                render()
                //隐藏模态框
                $('.modal-add').modal('hide');
                //  $('#addform')[0].render();//表单重置
                //重置表单效验样式，通过插件的实例 调用差价重置效验样式方法 resetForm（）
                //resetForm(是否重置数据)，默认值是false
                $('#addform').data('bootstrapValidator').resetForm(true)
            }
        })

    })
    // $('.btn-ok').click(function(){
    //     console.log(123);
        
    // })

})